<!--
数据
    {
      method:"get",//post|get
      url:"",//
      params:[{name:"",compare:"",value:"",type:""}],//name入参名 compare:比较符号 value:值 type:number,string
      fields:['name','id'],
      limit:10,
    }

-->

<template>
    <el-card class="mc-attr-pager">
      <div slot="header" class="mc-pager-card">
        <span>:分页</span>
        <el-switch style="float: right" v-model="form.open" @change="changeOpen"></el-switch>
      </div>
      <el-form label-width="60px" size="mini">
        <template v-if="form.open">
          <el-form-item label="按钮背景">
            <el-switch v-model="form.background"></el-switch>
          </el-form-item>
          <el-form-item label="小型分页">
            <el-switch v-model="form.small"></el-switch>
          </el-form-item>
          <el-form-item label="页码数量">
            <el-input-number v-model="form.pagerCount" :step="2" :min="5" :max="21"></el-input-number>
          </el-form-item>
          <el-form-item label="上页文字">
            <el-input v-model="form.prevText"></el-input>
          </el-form-item>
          <el-form-item label="下页文字">
            <el-input v-model="form.nextText"></el-input>
          </el-form-item>
        </template>
      </el-form>
    </el-card>
</template>

<script>
export default {
  name: 'mc-pager',
  data () {
    return {
      form:this.data,
    }
  },
  props:{
    'data':{type:Object,default:function (){return {open:false,pagerCount:7} } },
  },
  watch:{

  },
  mounted () {

  },
  methods:{
    changeOpen(){

    }
  }
}
</script>

<style lang="scss">

</style>
